<template>
  <div class="app-container">
    <el-page-header
      content="商品预览"
      @back="goBack"
    />
    <div style="padding:20px 0 0;width: 350px">
      <em-phone>
        <em-device
          search
          :active-menu="3"
          right-icon="em-icon-category5"
        >
          <el-scrollbar
            style="height:100%"
            wrap-style="overflow-x:hidden;"
          >

            <el-result
              icon="warning"
              title="404"
              sub-title="网页加载失败..."
            />
          </el-scrollbar>
        </em-device>
      </em-phone>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      drawer: false,
      loaded: false
    }
  },
  inject: ['goBack'],
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
.preview-drawer {
  .em-phone {
    width: 80%;
  }
  ::v-deep .el-drawer__body {
    display: flex;
    flex-direction: column;
  }
  &__actions {
    flex: 1;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>
